<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录页面</title>
    <!-- 引入element-ui样式 -->
    <link rel="stylesheet" href="./css/Element-ui.css" />
    <link rel="stylesheet" href="./css/login.css" />
  </head>
  <body>
    <div id="app">
      <el-container>
        <el-header style="height: 70px">
          <el-row gutter="20">
            <el-col :span="8" align="right">
              <img :src="logo" alt="" style="width: 150px" />
            </el-col>
            <el-col :span="6">
              <el-menu class="el-menu-demo" mode="horizontal">
                <el-menu-item>首页</el-menu-item>
                <el-menu-item>首页</el-menu-item>
                <el-menu-item>首页</el-menu-item>
                <el-menu-item>首页</el-menu-item>
              </el-menu>
            </el-col>
            <el-col :span="4">
              <el-input
                placeholder="请输入内容"
                v-model="input3"
                class="input-with-select"
                style="margin: 15px"
              >
                <el-button slot="append" icon="el-icon-search"></el-button>
              </el-input>
            </el-col>
            <el-col :span="2">
              <i
                class="el-icon-user"
                style="font-size: 30px; padding: 20px"
              ></i>
              <!-- <el-popover
                placement="top-start"
                title="标题"
                width="200"
                trigger="hover"
                content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
              >
                <el-button slot="reference">hover 激活</el-button>
              </el-popover> -->
            </el-col>
          </el-row>
        </el-header>
        <el-main style="padding: 0">
          <img src="./imgs/loginbg.gif" alt="gif" style="width: 100%" />
        </el-main>
        <el-footer style="background-color: dimgrey; padding: 0px"></el-footer
      ></el-container>
    </div>
  </body>
  <!-- 引入vue axios element-ui -->
  <script src="./js/vue.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./js/Element-ui.min.js"></script>
  <script>
    let v = new Vue({
      el: "#app",
      data: {
        logo: "./imgs/icon.png",
        input3: "",
      },
      methods: {},
      created: {},
    });
  </script>
</html>
